<h2 class="grid_12">Eventos</h2>                                                                                
<div class="grid_8">
    <div class="box">
        <div class="header">
            <img src="img/icons/packs/fugue/16x16/document--plus.png" alt="" width="16" height="16">
            <h3>Listado de Eventos</h3>
            <span></span>
        </div>
        <?php //comienza el contenido que quieres colocar ?>
        <div class="content">
            <table class="table" id="eventos">
                <thead>
                    <tr>                        
                        <th>Nombre</th>
                        <th>Fecha</th>
                        <th>Hora</th>                        
                        <th>Acciones</th>                        
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($eventos as $e): ?>
                        <?php $id = $e['Evento']['id']; ?>
                        <tr>                            
                            <td><?php echo $e['Evento']['nombre']; ?></td>
                            <td><?php echo $e['Evento']['fecha']; ?></td>
                            <td><?php echo $e['Evento']['hora']; ?></td>                            
                            <td>
                                <?php
                                echo $this->Html->link($this->Html->image('edit.png', array("alt" => 'Editar', 'title' => 'editar')), array('action' => 'editar', $id), array('escape' => false));
                                ?>
                                <?php
                                echo $this->Html->link($this->Html->image("icons/packs/diagona/16x16/049.png", array("alt" => "imprimir", 'title' => "ver")), array('action' => 'ver', $id), array('escape' => false));
                                ?>
                                <?php
                                echo $this->Html->link($this->Html->image("icons/packs/diagona/16x16/062.png", array("alt" => "imprimir", 'title' => 'imprimir')), array('action' => 'imprimir', $id), array('escape' => false));
                                ?>

                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>   
            </table>   
            <script defer>
                $(window).load(function() {
                    $('#eventos').dataTable();
                    $(window).resize();
                });
            </script>
        </div>
        <?php //fin del contenido a colocar   ?>
    </div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->                                            
<div class="grid_4">
    <div class="box">
        <div class="header">
            <img src="img/icons/16x16/list.png" alt="" width="16" height="16">
            <h3>Acciones</h3>
            <span></span>
        </div>
        <div class="content">
            <ul id="block-list-icons" class="block-list with-icon tab-content">
                <li class="i-16-calendar">Mascotas</li>
                <li class="i-16-application"><?php echo $this->Html->link('Nueva Mascota', array('controller' => 'Mascotas', 'action' => 'insertar')) ?></li>
                <li class="i-16-drive">Imprimir</li>
                <li class="i-16-chart">Reportes</li>
                <li class="i-16-balloon">Lorem ipsum</li>
            </ul>
        </div> <!-- End of .content -->
        <div class="actions">
            <div class="actions-left"></div>
            <div class="actions-right">
                <a class="button" href="charts.html">Go to stats &raquo;</a>
            </div>
        </div> <!-- End of .actions -->
        <div class="clear"></div>
    </div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->

<!-- End of #main_content -->
<div class="push clear"></div>